<template>
	<el-container class="inp-specimen-patient">
		<el-tabs type="border-card">
			<el-tab-pane label="报告信息">
				<MkForm>
					<MkDatePicker label="录入日期" v-model="reportInformation.inputDate" labelWidth="84px" hideSecond />
					<MkSelect label="物理组" v-model="reportInformation.physiologyGroup" labelWidth="84px" />
					<MkSelect label="测量仪器" v-model="reportInformation.measurementInstrument" labelWidth="84px" />
					<MkSelect label="检查类型" v-model="reportInformation.checkType" labelWidth="84px" />
					<MkInput label="样本号" v-model="reportInformation.sampleNumber" labelWidth="84px" isEdit />
					<MkInput label="实验编号" v-model="reportInformation.experimentNumber" labelWidth="84px" isEdit />
					<MkInput label="序号" v-model="reportInformation.serialNumber" labelWidth="84px" isEdit />
					<MkSelect label="ID类型" v-model="reportInformation.IDtype" labelWidth="84px" />
					<MkInput label="病人ID" v-model="reportInformation.patientID" labelWidth="84px" isEdit />
					<MkSelect label="送检科室" v-model="reportInformation.sentDept" labelWidth="84px" />
					<MkInput label="病床号" v-model="reportInformation.bedNumber" labelWidth="84px" isEdit />
					<MkInput label="姓名" v-model="reportInformation.patientName" labelWidth="84px" isEdit />
					<MkInput label="病人号" v-model="reportInformation.patientNo" labelWidth="84px" isEdit />
					<MkSelect label="性别" v-model="reportInformation.patientGender" labelWidth="84px" />
					<MkInput label="年龄" v-model="reportInformation.patientAge" labelWidth="84px" isEdit />
					<MkDatePicker label="出生日期" v-model="reportInformation.patientBirthday" labelWidth="84px"
						hideSecond />
					<MkSelect label="标本类别" v-model="reportInformation.specimenCategory" labelWidth="84px" />
					<MkSelect label="标本状态" v-model="reportInformation.specimenStatus" labelWidth="84px" />
					<MkInput label="标本备注" v-model="reportInformation.specimenDescription" labelWidth="84px" isEdit />
					<MkInput label="医生备注" v-model="reportInformation.doctorDescription" labelWidth="84px" isEdit />
					<MkInput label="注意事项" v-model="reportInformation.attention" labelWidth="84px" isEdit />
					<MkInput label="临床诊断" v-model="reportInformation.clinicalDiagnosis" labelWidth="84px" isEdit />
					<MkSelect label="病人来源" v-model="reportInformation.patientSource" labelWidth="84px" />
					<MkSelect label="开单医生" v-model="reportInformation.doctor" labelWidth="84px" />
					<MkInput label="HIS卡号" v-model="reportInformation.HISCardNumber" labelWidth="84px" isEdit />
					<MkSelect label="录入者" v-model="reportInformation.inputer" labelWidth="84px" />
					<MkInput label="条码号" v-model="reportInformation.barcodeNumber" labelWidth="84px" isEdit />
					<MkDatePicker label="申请时间" v-model="reportInformation.applyTime" labelWidth="84px" hideSecond />
				</MkForm>
			</el-tab-pane>
			<el-tab-pane label="报告评价">报告评价</el-tab-pane>
		</el-tabs>
	</el-container>
</template>
<script lang="ts" setup>
const reportInformation = ref({
	inputDate: new Date().toLocaleString(),
	physiologyGroup: '',
	measurementInstrument: '',
	checkType: '',
	sampleNumber: '',
	experimentNumber: '',
	serialNumber: '',
	IDtype: '',
	patientID: '',
	sentDept: '',
	bedNumber: '',
	patientName: '',
	patientNo: '',
	patientGender: '',
	patientAge: '',
	patientBirthday: '',
	specimenCategory: '',
	specimenStatus: '',
	specimenDescription: '',
	doctorDescription: '',
	attention: '',
	clinicalDiagnosis: '',
	patientSource: '',
	doctor: '',
	HISCardNumber: '',
	inputer: '',
	barcodeNumber: '',
	applyTime: new Date().toLocaleString(),
});
defineOptions({
	name: 'InpSpecimenPatient',
});
</script>
<style lang="scss" scoped>
.inp-specimen-patient {
	.el-tabs {
		width: 100%;

		:deep(.el-form .el-form-item) {
			// margin: 0 5px 10px 0;
			margin: 5px !important;
		}
	}
}

:deep(.el-tabs__content) {
	height: 700px;
	overflow-x: auto;
	overflow-y: auto;
}

:deep(.mb20) {
	margin: 10px 0 !important;
}
</style>
